/**
 * @desc: 项目webpack相关配置
 * @author zhangqiang
 * @date 2022/2/9
*/
const webpack = require("webpack");
const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {

    productionSourceMap: false,
    //configureWebpack 是Vue CLI3.0 中用于配置 webpack 插件参数的地方，你在这里设置，会新建或者覆盖 webpack 默认配置。
    //webpack ProvidePlugin 的含义是创建一个全局的变量，使这个变量在 webpack 各个模块内都可以使用。这里的配置含义是创建 '$'、'jQuery'、'window.jQuery' 三个变量指向 jquery 依赖，创建 'Popper' 变量指向 popper.js 依赖。
    configureWebpack:{
        devtool: "source map",
        // if (process.env.NODE_ENV === 'production') {
        //     // 为生产环境修改配置...
        //     config.devtool = "nosources-source-map";
        // } else {
        //     // 为开发环境修改配置...
        //     // config.devtool = "eval-source-map";
        //     config.devtool = "source-map";
        // }
    },
    devServer: {
        port: 8086,
		open:true, //自动打开浏览器
        proxy: {
            '/api/v1': {
                target: 'http://172.31.52.156:15553/api/v1', //对应自己的接口，代理地址修改后必须重启项目
                changeOrigin: true, //是否允许跨域
                // logLevel:'debug',
                // pathRewrite: {
                //     // 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/auth/user 时
                //     // 实际上访问的地址是：http://192.168.1.249:9527/user/userInfo,因为重写了 /api
                //     '^/api': '',
                // }
            }
        }
    },
    css: {
        sourceMap: false,
        loaderOptions: {
            sass: {
                prependData: `
                    @import "@/assets/common/scss/_common.scss";
                    @import "@/assets/scss/page-common.scss";
                `
            }
        }
    },
    // 配置src别名
    chainWebpack(config) {
        config.resolve.alias
            .set('src', resolve('src'))
    },
    publicPath: './',
    lintOnSave: false,
    // 更改输出目录
    outputDir: path.resolve(__dirname, './dist'),
};
